<template>
  <page-header-wrapper :title="false">
    <a-card title="已获奖励">
      <a-table :columns="columns" :data-source="data" bordered></a-table>
    </a-card>
  </page-header-wrapper>
</template>

<script>
  const columns = [
    {
      title: '序号',
      dataIndex: 'key',
      key: 'key',
      ellipsis: true,
      width: '10%'
    },
    {
      title: '奖励类型',
      dataIndex: 'reward_type',
      key: 'reward_type',
      ellipsis: true,
      width: '15%'
    },
    {
      title: '奖励名称',
      dataIndex: 'reward_name',
      key: 'reward_name',
      ellipsis: true,
      width: '15%'
    },
    {
      title: '奖励',
      dataIndex: 'reward',
      key: 'reward',
      ellipsis: true,
      width: '15%'
    },
    {
      title: '完成条件/数量',
      dataIndex: 'conditions_quantity',
      key: 'conditions_quantity',
      ellipsis: true,
      width: '15%'
    },
    {
      title: '完成时间',
      dataIndex: 'time_limit',
      key: 'time_limit',
      ellipsis: true,
      width: '15%'
    },
    {
      title: '操作',
      dataIndex: 'operate',
      key: 'operate',
      width: '15%',
      scopedSlots: { customRender: 'operate' }
    }
  ]
  const data = []
  export default {
    name: 'HaveGot',
    data () {
      return {
        columns,
        data
      }
    }
  }
</script>

<style scoped>

</style>
